<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>hot job</title>
<style type="text/css" media="screen">
*{margin: 0; padding: 0;}

.one{width:23.8%; height: 900px; float: left; background:green;}
.two{width:23.8%; height: 900px; float: left; background:#fd8e2f;}
.three{width: 52.4%; height:900px;float:right; background:#ff9;}
.p1{color: yellow; text-indent: 2em; text-align: left;}
.p2{color: yellow; text-indent: 2em; text-align: left;}
.h{color:white; text-align:center;margin-top:130px; }
.e1{width:21.1%; height: 200px; border:5px solid white; background: white; float: right; margin: 20px 20px;}
.r{width:99%; height: 120px;margin-top: 10px; background:#fc6;}
.s{line-height: 1.5em; font-family: "微软雅黑";}
.c{width:100%;}
.t{width:65%; height: 35px;text-align: center; margin:40px 100px;}
.y{width:90%; height: 210px; background: #ffc; margin:0 auto;}
.gg{margin: 0 40px;}
.f_f{width: 40%; margin-top: 10px; margin-left: 60px;}

li{line-height: 2em; font-family: "微软雅黑";}

.kk{width:95%; height: 180px; border:2px solid red; border-radius: 10px; margin: 15px auto;}
.x{width:29%; height:160px; border:3px solid white; background: white; float: left;margin: 8px;}
.m{width:29%; height:160px; border:3px solid white;background: white; float: left;margin-left:17px;margin-top: 8px;}
.n{width:29%; height:160px; border:3px solid white;background: white;float: right;margin: 8px;}

.q1{width:99%; height:30px; background: #cc3; margin-top: 53px;}
.q2{width:99%; height:30px; background: #cc3;margin-top:53px;}
.q3{width:99%; height:30px; background: #cc3;margin-top: 53px;}
.o1,.o2,.o3{margin: 30px auto;}
.pp{width:95%; height: 100px; background: #ffc; margin: 0 auto;}
label{margin:0 200px;}
.test{width:50%;margin-top: 20px;margin-left: 150px;}
.btn{text-decoration: none; background: red; font-family: "微软雅黑";}
.lp,.rp{margin: 60px 60px; background: white; padding: 5px;}
.hotjob{text-align: center; line-height: 3.5em; color:white;}



</style>

</head>


<body>


<div class="one">
	<div class="one1"></div>
	<h1 class="h">Who We Are</h1>
	<p class="p1"><strong>arcu purus tempus ipsum,ut &nbsp;&nbsp;&nbsp;&nbsp;malesuada.</strong></p>
	<p class="p2">risus augue nec justo. Sed et &nbsp;&nbsp;&nbsp;&nbsp;massa. Ut a quam. Morbi thancus &nbsp;&nbsp;&nbsp;&nbsp;justo</p>
	
</div>

<div class="two">
	<div class="two1"></div>
	<h1 class="h">Latest Events</h1>
	<p class="p1"><strong>arcu purus tempus ipsum,ut &nbsp;&nbsp;&nbsp;&nbsp;malesuada.</strong></p>
	<p class="p2">risus augue nec justo. Sed et &nbsp;&nbsp;&nbsp;&nbsp;massa. Ut a quam. Morbi thancus &nbsp;&nbsp;&nbsp;&nbsp;justo</p>
	
</div>

<div class="three">
	<div class="e1">
		<h4><center>Hot Jobs</center></h4>
		<h1><center><span style="color:red;">ONLINE</span></center></h1>
		<div class="r"><h1 class="hotjob">hot job</h1></div>
	</div>
	<div class="f_f">
		
	
		<ul class="ff">
			<li class="s">Cliend Tesydiced</li>
			<hr class="c">
			<li class="s">Edaution Lovely</li>
			<hr class="c">
			<li class="s">Economy Technology</li>
			<hr class="c">
			<li class="s">Politicy Applea</li>
			<hr class="c">
			<li class="s">Lion Blue Shine</li>
			<hr class="c">
			<li class="s">High Come Fly</li>
			<hr class="c">
			<li class="s">The Way You Are</li>
			<hr class="c">
			<li class="s">Thanks For Reading</li>
		</ul>
	</div>

	<div class="t"><h1><span style="color:red; font-family:微软雅黑;">Sociis natoque penati</span></h1></div>

	<div class="y">
		<ul class="gg">
			<li>Can you give me a cup of water.</li>
			<hr>
			<li>What would you like.</li>
			<hr>
			<li>I am sorry to here that.</li>
			<hr>
			<li>What can I do for you.</li>
			<hr>
			<li>Please calm down.</li>
			<hr>
			<li>Don't be shy,try again.</li>
		</ul>
	</div>

	<div class="kk">
		<div class="x">
			<h1 class="o1"><center><span style="color:red;">IDEAS</span></center></h1>
			
			<div class="q1"></div>
		</div>

		<div class="m">
			<h1 class="o1"><center><span style="color:red;">HIGNUP</span></center></h1>
			
			<div class="q2"></div>
		</div>

		<div class="n">
			<h1 class="o3"><center><span style="color:red;">BLOG</span></center></h1>

			<div class="q3"></div>
		</div>
	</div>

	<div class="pp">
		<label><span style="font-size: 20px;font-family:微软雅黑; ">Newsletter Signup</span></label>
	    <br>
		<input class="test" type="text" value="E-mail:">
		<input class="btn" type="submit" value="Submit">
	</div>
</div>


</body>
</html>